body {font-variant: small-caps; font-family: arial, 'times new roman', sans-serif; font-size: 16px; font-weight: normal; color: #111111; text-decoration: none; }
body div { border: 0px; border-style:solid;}
body a {color: #000}
body a.disable{cursor: default; text-decoration: inherit;}
body a.enable{cursor: pointer; text-decoration: underline;}
body a.enable:hover{font-weight: bold;}
body img {user-drag: none; -moz-user-select: none; -webkit-user-drag: none;}
#left_content .items_list {
	display: inline-table;
	display: -moz-groupbox;
	display: block;
	position: absolute;
	white-space: nowrap;
	margin-left:80px;
	text-shadow: 2px 2px 8px black, 0 0 10px black;
	
}
#left_content .items_list .items_list{
	position:inherit;
	display:inline-table;
	margin-left:0px;
}
#left_content .items_list .items_list .item{
	/* background-color: #DB9211; */
}
#left_content .items_list .items_list .item:hover{ /* background-color: #FAA40B; */}
#left_content .items_list .items_list .item:active{ /* background-color: #C28416; */}

#left_content .items_list .item{
	white-space:nowrap;
	/*background-color: #0E7F25; */
	border:2px solid; 
	border-radius:5px; 
	cursor: pointer; 
	border-collapse: collapse; 
	text-align: center; 
	border-color: gray; 
	border-spacing: 2px; 
	border-bottom: 0px; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px; 
	border-bottom-right-radius:0px; 
	border-bottom-left-radius:0px; 
	font-weight: bold; 
	color: #FFFFFF; 
	font: bold 18px/150% Arial, Helvetica, sans-serif; 
	text-shadow: 1px 1px 2px black, 0 0 4px black;
	padding: 2px 4px 2px 4px;
	background: rgba(188, 114, 247, 0.45);
	background: linear-gradient(to top, rgba(107, 106, 98, 0.69), rgba(155, 154, 142, 0.28));
}

#left_content .items_list .item:hover{ background: linear-gradient(to top, rgba(107, 106, 98, 0.8), rgba(155, 154, 142, 0.4));;/* background-color: #0c6105; */}
#left_content .items_list .item:active{ background: linear-gradient(to top, rgba(107, 106, 98, 0.69), rgba(155, 154, 142, 0.28));/* background-color: #113f05; */}

#left_content .items_list .top{
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
}
#left_content .items_list .bottom{
	border-bottom-right-radius:5px; 
	border-bottom-left-radius:5px; 
	border-bottom: 2px; 
	border-bottom-style: outset;
}

#menu{ margin-bottom:0px;height: 25px; min-width:800px;white-space:normal}
#menu .items_con {
	z-index:10000;
	position: absolute;
	display: block;
	margin-top:-3px;
	opacity:0;
}
#menu .tab{
	white-space:nowrap;
	/*background-color: #7f0e16; */
	border:2px solid; 
	border-radius:5px; 
	cursor: pointer; 
	border-collapse: collapse; 
	text-align: center; 
	border-color: gray; 
	border-spacing: 2px; 
	border-bottom: 0px; 
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
	border-bottom-right-radius:0px; 
	border-bottom-left-radius:0px; 
	font-weight: bold; 
	color: #FFFFFF; 
	font: bold 22px Arial, Helvetica, sans-serif; 
	text-shadow: 2px 2px 8px black, 0 0 10px black;
	display: inline; 
	padding: 0 8px 0 8px;
	margin: 0 2px 0 2px;
	background: linear-gradient(to top, rgba(107, 106, 98, 0.69), rgba(155, 154, 142, 0.28));
	
}
#menu .tab span{
	/* padding: 2px 0px 2px 0px; */
}
#menu .item {
	text-align: left;
	border-top-left-radius:0px; 
	border-top-right-radius:0px; 
	display: block;
	padding: 0 4px 0 4px;
}
#menu .bottom{
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom: 2px; 
	border-bottom-style: outset;
}
#menu .tab.selected{text-shadow: 1px 1px 2px black, 0 0 1px black;}
#menu .tab:hover{ background: linear-gradient(to top, rgba(107, 106, 98, 0.8), rgba(155, 154, 142, 0.4));/* text-shadow: 1px 1px 2px black, 0 0 1px black; *//*background-color: #5f0e06;*/}
#menu .tab:active{ background: linear-gradient(to top, rgba(107, 106, 98, 0.69), rgba(155, 154, 142, 0.28));/* text-shadow: 1px 1px 2px black, 0 0 1px	 black; *//*background-color: #3f0e06;*/}
.text_content {text-align: left; white-space: pre-wrap; padding:5px 5px 5px 5px; font-variant: small-caps;}
.text_content b {font-size: 16px;}
#left_content {float:left; padding: 10px; width: 300px; min-height: 600px; font-variant: small-caps;display: flex}
#body_box {float:left; min-width: 800px; max-width: 800px;}
#body_info {float:left; padding: 10px; width: 300px; min-height: 600px;display: flex}
#body {display: inline-block; min-width: 1500px;}

#img_box_con .img_box_info {
	display:inline-block;
	width:110px; 
	height:130px;
	max-height:130px;
	max-width:110px;
	display: inline-block; 
	/* border: 5px solid #FFFFFF;  */
	padding: 5px;
	background: #FFFFFF; 
	outline: 5px solid #CCCCCC; 
	overflow: hidden; 
	margin: 20px; 
	cursor:pointer; 
}
#img_box_con .img_box {cursor:pointer; 
	display:inline-block;
	width:105px; 
	height:100px;
	display: inline-block; 
	overflow: hidden; 
	border: 0px solid #FFFFFF; 
	background: #FFFFFF; 
	outline: 0px solid #CCCCCC; 
	margin: 0px; 
	padding: 0px;
	border: 2px; 
	border-color: #6a756a; 
	border-style: solid;
	cursor:pointer;
}
#img_box_con .img_box  img{
	margin: 0; 
	display:inline; 
	min-height: 100px;
	max-height: 185px;
	outline: 2px solid #000; 
	/* max-width: 155px; */
	/* margin-top:-50px; */
	vertical-align: middle;
	/* height:none; */
}

#img_box_con .img_box_info:hover{outline: 5px solid #000;}
/* #img_box_con .img_box_info:active{border: 1px;} */
#img_box_popup .img_box  img{padding: 1px;margin: 3px;}
#img_box_con .img_btn {cursor:pointer; display:inline-block}
#img_box_con .img_btn  img{
	display:inline; width:100px; height:100px;
	margin: 1px;
	padding: 3px;
	border: 0px; 
	border-color: #6a756a; 
	border-style: solid;
}
#img_box_con .img_btn  img:hover{padding: 2px;margin: 2px;}
#img_box_con .img_btn  img:active{padding: 1px;margin: 3px;}
#img_box_popup .img_btn  img{padding: 1px;margin: 3px;}

#ImgBoxBody .navBtn{
	margin-right:15px;
	padding: 0 10px 0 10px;
	text-decoration: inherit;
	font-size: 26px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.45);
	color: white;
}
#ImgBoxBody .navBtn.dis{
	background-color: rgba(0, 0, 0, 0.20);
	cursor: default;
}
#ImgBoxBody .navBtn.dis:hover{
	cursor: default;
	background-color: rgba(0, 0, 0, 0.20);
}
#ImgBoxBody .navBtn:hover{
	background-color: rgba(0, 0, 0, 0.80);
}

.imgBox{ 
  display: inline-block; 
  width: 800px; 
  height: 500px; 
  overflow: hidden; 
  border: 5px solid #FFFFFF; 
  background: #FFFFFF; 
  outline: 1px solid #CCCCCC; 
  margin: 10px; 
  cursor:pointer;
  } 
.imgBox img { 
  width: 800px; 
  border: none; 
  margin: 0; 
  padding: 0; 
  } 

.shadowed {
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
.shadowed :hover{
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
.shadowed :active{
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}




